<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Nhà hàng Kim Hải - Index</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/default.css" />
<link rel='stylesheet' id='camera-css'  href='js/camera/css/camera.css' type='text/css' media='all'>
    <script type='text/javascript' src='js/camera/scripts/jquery.min.js'></script>
    <script type='text/javascript' src='js/camera/scripts/jquery.mobile.customized.min.js'></script>
    <script type='text/javascript' src='js/camera/scripts/jquery.easing.1.3.js'></script>
    <script type='text/javascript' src='js/camera/scripts/camera.min.js'></script>
    <script type='text/javascript' src="js/camera/scripts/camera.js"></script>

    <!----js cho Back top top--------
    <script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
    <!----js cho Back top top-------->

	<script type="text/javascript">
        $(document).ready(function() {
           $('.wrapage').append('<div class="back_top" id="top">Top</div>');
           $(window).scroll(function() {
                if($(window).scrollTop() != 0) {
                    $('#top').fadeIn();
                } else {
                    $('#top').fadeOut();
                }
           });
           $('#top').click(function() {
                $('html, body').animate({scrollTop:0},500);
           });
        });
    </script>

<script>
		jQuery(function(){
			jQuery('#camera_wrap_1').camera({
			    height: '470px',
                hover: false,
                navigation: false,
                playPause: false,
                pauseOnClick: false,
				thumbnails: true
			});
		});
</script>

<script>
    $(function(){
        $("#productAdditionalImages .additionalImages a").hover(
            function(){
                $(this).find("img").stop().animate({opacity:0.7},"fast")
            },
            function(){
                $(this).find("img").stop().animate({opacity:1},"fast")
            }
        );}
    );
</script>

</head>

<body>
	<div class="wrapage">

    	<!--------------------TOP (Start) ------------------------->
    	<div class="top">
       		<div class="frame-top">
                <!--------------------HEADER (Start) ------------------>
                    <div class="header width-100">
                        <ul>
                            <li><a href="#" title="Tài khoản">Tài khoản</a></li>
                            <li><a href="#" title="Thực đơn">Thực đơn (3)</a></li>
                            <li><a href="#" title="Thanh toán">Thanh toán</a></li>
                            <li><a href="#" title="Đăng nhập">Đăng nhập</a></li>
                        </ul>
                    </div>
                <!--------------------HEADER (End) -------------------->
                <div class="clear"></div>
                <!--------------------Logo (Start) ------------------>
                    <div class="logo">
                        <a href="#" title="Logo" class="logo-img">
                            <img src="images/default/logo.png" alt="" title="Nhà hàng kim Hải"/>
                            <p class="color-orange">Slogan đặt tại đây</p>
                        </a>

                    </div>
                <!--------------------Logo (End) -------------------->

                <!--------------------Menu (Start) ------------------>
                    <div class="menu-top width-100">
                        <ul class="nav width-85 float-left">
                            <li class="list"><a class="item" href="#">Trang chủ</a></li>
                            <li class="list"><a class="item" href="#">Giới thiệu</a></li>
                            <li class="list"><a class="item" href="#">Tin tức</a></li>
                            <li class="list"><a class="item" href="#">Sản phẩm</a></li>
                            <li class="list"><a class="item" href="#">Liên hệ</a></li>
                            <li class="list"><a class="item" href="#">Quản trị</a></li>
                        </ul>
                        <div class="support-top width-15 float-right">
                             <a href="#" title="Hỗ trợ">&nbsp; Hỗ trợ</a>
                        </div>
                        <div class="clear"></div>
                    </div>

                <!--------------------Menu (End) -------------------->
            </div>
        </div>
        <!--------------------TOP (End) --------------------------->

        <div class="clear"></div>

        <!--------------------MAIN (Start) ------------------------>
        <div class="main">
            <!--------------------LEFT(Start) --------------------->
            <div class="left width-73 float-left">
                <div class="content-left">
                    <!--------- Slide show(start) ---------->
                    <div class="slideshow">
                        <div class="camera_wrap" id="camera_wrap_1">
                            <div data-src="images/default/img-slide01.png">
                                <div class="camera_caption fadeFromBottom">
                                    Camera is a responsive/adaptive slideshow. <em>Try to resize the browser window</em>
                                </div>
                            </div>
                            <div data-src="images/default/img-slide02.png">
                                <div class="camera_caption fadeFromBottom">
                                    Camera is a responsive/adaptive slideshow. <em>Try to resize the browser window</em>
                                </div>
                            </div>
                            <div data-src="images/default/img-slide03.png">
                                <div class="camera_caption fadeFromBottom">
                                    Camera is a responsive/adaptive slideshow. <em>Try to resize the browser window</em>
                                </div>
                            </div>
                            <div data-src="images/default/img-slide04.png">
                                <div class="camera_caption fadeFromBottom">
                                    Camera is a responsive/adaptive slideshow. <em>Try to resize the browser window</em>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--------- Slide show(end) ---------->

                    <div class="clear"></div>

                    <!--------- Detail(start) ---------->
                    <div class="detail">
                        <!-----Box----->
                        <div class="box-cnt width-32 col-0">
                      	    <div class="cnt">
                                <div class="width-100">
                                    <h2 class="title"><a href="#">Gỏi sò huyết</a></h2>
                                </div>
                          	    <div class="bor-img">
                                    <a href="#">
                                        <img src="images/default/img-box.png" alt="du lich thai lan" title="du lich thai lan" />
                                    </a>
                                    <div class="clear"></div>
                                    <div class="text-price"><p>210,000 VNĐ</p></div>

                                </div>
                                <div class="desc">
                                    <p>Sò huyết có giá trị dinh dưỡng cao, bổ máu</p>
                                </div>
                          </div>
                        </div>
                        <!-----Box (end)--->

                        <!-----Box----->
                        <div class="box-cnt width-32 col-0">
                      	    <div class="cnt">
                                <div class="width-100">
                                    <h2 class="title"><a href="#">Gỏi sò huyết</a></h2>
                                </div>
                          	    <div class="bor-img">
                                    <a href="#">
                                        <img src="images/default/img-box.png" alt="du lich thai lan" title="du lich thai lan" />
                                    </a>
                                    <div class="clear"></div>
                                    <div class="text-price"><p>210,000 VNĐ</p></div>
                                </div>
                                <div class="desc">
                                    <p>Sò huyết có giá trị dinh dưỡng cao, bổ máu</p>
                                </div>
                          </div>
                        </div>
                        <!-----Box (end)--->

                        <!-----Box----->
                        <div class="box-cnt width-32 col-1">
                      	    <div class="cnt">
                                <div class="width-100">
                                    <h2 class="title"><a href="#">Gỏi sò huyết</a></h2>
                                </div>
                          	    <div class="bor-img">
                                    <a href="#">
                                        <img src="images/default/img-box.png" alt="du lich thai lan" title="du lich thai lan" />
                                    </a>
                                    <div class="clear"></div>
                                    <div class="text-price"><p>210,000 VNĐ</p></div>
                                </div>
                                <div class="desc">
                                    <p>Sò huyết có giá trị dinh dưỡng cao, bổ máu</p>
                                </div>
                          </div>
                        </div>
                        <!-----Box (end)--->

                        <!-----Box----->
                        <div class="box-cnt width-32 col-0">
                      	    <div class="cnt">
                                <div class="width-100">
                                    <h2 class="title"><a href="#">Gỏi sò huyết</a></h2>
                                </div>
                          	    <div class="bor-img">
                                    <a href="#">
                                        <img src="images/default/img-box.png" alt="du lich thai lan" title="du lich thai lan" />
                                    </a>
                                    <div class="clear"></div>
                                    <div class="text-price"><p>210,000 VNĐ</p></div>
                                </div>
                                <div class="desc">
                                    <p>Sò huyết có giá trị dinh dưỡng cao, bổ máu</p>
                                </div>
                          </div>
                        </div>
                        <!-----Box (end)--->

                        <!-----Box----->
                        <div class="box-cnt width-32 col-0">
                      	    <div class="cnt">
                                <div class="width-100">
                                    <h2 class="title"><a href="#">Gỏi sò huyết</a></h2>
                                </div>
                          	    <div class="bor-img">
                                    <a href="#">
                                        <img src="images/default/img-box.png" alt="du lich thai lan" title="du lich thai lan" />
                                    </a>
                                    <div class="clear"></div>
                                    <div class="text-price"><p>210,000 VNĐ</p></div>
                                </div>
                                <div class="desc">
                                    <p>Sò huyết có giá trị dinh dưỡng cao, bổ máu</p>
                                </div>
                          </div>
                        </div>
                        <!-----Box (end)--->

                        <!-----Box----->
                        <div class="box-cnt width-32 col-1">
                      	    <div class="cnt">
                                <div class="width-100">
                                    <h2 class="title"><a href="#">Gỏi sò huyết</a></h2>
                                </div>
                          	    <div class="bor-img">
                                    <a href="#">
                                        <img src="images/default/img-box.png" alt="du lich thai lan" title="du lich thai lan" />
                                    </a>
                                    <div class="clear"></div>
                                    <div class="text-price"><p>210,000 VNĐ</p></div>
                                </div>
                                <div class="desc">
                                    <p>Sò huyết có giá trị dinh dưỡng cao, bổ máu</p>
                                </div>
                          </div>
                        </div>
                        <!-----Box (end)--->

                        <!-----Box----->
                        <div class="box-cnt width-32 col-0">
                      	    <div class="cnt">
                                <div class="width-100">
                                    <h2 class="title"><a href="#">Gỏi sò huyết</a></h2>
                                </div>
                          	    <div class="bor-img">
                                    <a href="#">
                                        <img src="images/default/img-box.png" alt="du lich thai lan" title="du lich thai lan" />
                                    </a>
                                    <div class="clear"></div>
                                    <div class="text-price"><p>210,000 VNĐ</p></div>
                                </div>
                                <div class="desc">
                                    <p>Sò huyết có giá trị dinh dưỡng cao, bổ máu</p>
                                </div>
                          </div>
                        </div>
                        <!-----Box (end)--->

                        <!-----Box----->
                        <div class="box-cnt width-32 col-0">
                      	    <div class="cnt">
                                <div class="width-100">
                                    <h2 class="title"><a href="#">Gỏi sò huyết</a></h2>
                                </div>
                          	    <div class="bor-img">
                                    <a href="#">
                                        <img src="images/default/img-box.png" alt="du lich thai lan" title="du lich thai lan" />
                                    </a>
                                    <div class="clear"></div>
                                    <div class="text-price"><p>210,000 VNĐ</p></div>
                                </div>
                                <div class="desc">
                                    <p>Sò huyết có giá trị dinh dưỡng cao, bổ máu</p>
                                </div>
                          </div>
                        </div>
                        <!-----Box (end)--->

                        <!-----Box----->
                        <div class="box-cnt width-32 col-1">
                      	    <div class="cnt">
                                <div class="width-100">
                                    <h2 class="title"><a href="#">Gỏi sò huyết</a></h2>
                                </div>
                          	    <div class="bor-img">
                                    <a href="#">
                                        <img src="images/default/img-box.png" alt="du lich thai lan" title="du lich thai lan" />
                                    </a>
                                    <div class="clear"></div>
                                    <div class="text-price"><p>210,000 VNĐ</p></div>
                                </div>
                                <div class="desc">
                                    <p>Sò huyết có giá trị dinh dưỡng cao, bổ máu</p>
                                </div>
                          </div>
                        </div>
                        <!-----Box (end)--->

                        <div class="clear"></div>

                        <a href="#" title="Xem thêm" class="bg-brown">Xem thêm</a>
                    </div>
                    <!--------- Detail(end) ---------->
                    <div class="clear"></div>
                </div>
            </div>
            <!--------------------LEFT (End) ---------------------->

            <!--------------------LEFT(Start) --------------------->
            <div class="right width-25 float-right">
                <div class="content-right">
                    <!-----Search------>
                    <div class="search width-100 mar-bottom-20">
                        <input placeholder="Tìm kiếm" type="keyword" class="keyword" />
                        <input type="submit" class="btn-keyword" value="Tìm kiếm" />
                    </div>
                    <!-----Search(end)------>

                    <!-----Thuc don------>
                    <div class="box mar-bottom-20">
                        <div class="hot-news width-100">
                            <div class="title-hot-news bag-main"><p>Thực đơn</p></div>
                            <div style="margin-top: 10px; color: #cfbf9d">Bạn có <b>3</b> món ăn trong thực đơn</div>
                            <div class="list">
                                 <!-----Mon an 1------>
                                <div class="row-list mar-top-15">
                                    <div class="bor-img width-45 float-left">
                                        <a href="#"><img src="images/default/img-monan.png" alt="du lich thai lan" title="du lich thai lan" /></a>
                                    </div>
                                    <div class="desc width-50 float-right">
                                        <p>Một đặc sản của vùng Đảo Phú Quý, Phan Thiết: Mực Phú Quý</p>
                                    </div>
                                     <div class="clear"></div>
                                    <div class="price mar-top-15">
                                        <a href="#" class="delete" title="Xóa bỏ">&nbsp;</a>
                                        <p>Gỏi mực Phú Quý &nbsp;&nbsp; 2 x 120,000 VNĐ</p>
                                    </div>
                                </div>
                                <!-----Mon an 1------>

                                <!-----Mon an 1------>
                                <div class="row-list mar-top-15">
                                    <div class="bor-img width-45 float-left">
                                        <a href="#"><img src="images/default/img-monan.png" alt="du lich thai lan" title="du lich thai lan" /></a>
                                    </div>
                                    <div class="desc width-50 float-right">
                                        <p>Một đặc sản của vùng Đảo Phú Quý, Phan Thiết: Mực Phú Quý</p>
                                    </div>
                                     <div class="clear"></div>
                                    <div class="price mar-top-15">
                                        <a href="#" class="delete" title="Xóa bỏ">&nbsp;</a>
                                        <p>Gỏi mực Phú Quý &nbsp;&nbsp; 2 x 120,000 VNĐ</p>
                                    </div>
                                </div>
                                <!-----Mon an 1------>

                                <!-----Mon an 1------>
                                <div class="row-list mar-top-15">
                                    <div class="bor-img width-45 float-left">
                                        <a href="#"><img src="images/default/img-monan.png" alt="du lich thai lan" title="du lich thai lan" /></a>
                                    </div>
                                    <div class="desc width-50 float-right">
                                        <p>Một đặc sản của vùng Đảo Phú Quý, Phan Thiết: Mực Phú Quý</p>
                                    </div>
                                     <div class="clear"></div>
                                    <div class="price mar-top-15">
                                        <a href="#" class="delete" title="Xóa bỏ">&nbsp;</a>
                                        <p>Gỏi mực Phú Quý &nbsp;&nbsp; 2 x 120,000 VNĐ</p>
                                    </div>
                                </div>
                                <!-----Mon an 1------>
                            </div>
                            <div class="line-solid"></div>
                            <div class="info mar-top-20">
                                <p class="sum-price">460,000 VNĐ</p>
                            </div>
                            <div class="info">
                                <div class="info-left float-left">NGTRUNG.HIEU </div>
                                <div class="info-right float-right">
                                    <span class="star">&nbsp;</span>
                                    <span class="star">&nbsp;</span>
                                    <span class="star">&nbsp;</span>
                                </div>
                            </div>
                            <div class="info">
                                <div class="info-left float-left">Khuyến mãi</div>
                                <div class="info-right float-right">- 69,000 vnđ</div>
                            </div>
                            <div class="info">
                                <div class="info-left float-left">Tổng cộng</div>
                                <div class="info-right float-right">391,000 VNĐ</div>
                            </div>
                            <div class="info">
                                <a href="#" title="pay" class="bg-oranges">Thanh toán</a>
                                <a href="#" title="edit" class="bg-brown">Thay đổi</a>
                            </div>
                        </div>
                    </div>
                    <!-----Thuc don(end)------>

                    <!-----Khuyen mai------>
                    <div class="box mar-bottom-20">
                        <div class="title-hot-news">
                            <p class="color-orange">Tri ân khách hàng</p>
                            <p class="color-yellow">(Từ ngày 09/04 đến 15/04/2013)</p>
                        </div>

                        <p></p>
                         <a href="#" title="Khuyến mãi hấp dẫn">
                            <img src="images/default/quang-cao.png" alt="" title="Hải sản tươi sống"/>
                         </a>
                    </div>
                    <!-----Khuyen mai------>

                    <!-----Thuc don------>
                    <div class="box mar-bottom-20 group3">
                        <div class="hot-news width-100">
                            <div class="title-hot-news bag-main"><p>Bạn cần biết</p></div>
                            <div class="list">
                                <!-----Mon an 1------>
                                <div class="row-list mar-top-15">
                                    <div style="margin-top: 10px; color: #cfbf9d">
                                        <h3>
                                            <a href="#" title="">
                                            5 nhóm thực phẩm tốt cho sức khỏe
                                            </a>
                                        </h3>
                                    </div>
                                    <div class="bor-img width-100">
                                        <a href="#"><img src="images/default/img-monan.png" alt="du lich thai lan" title="du lich thai lan" /></a>
                                    </div>
                                    <div class="clear"></div>
                                    <div class="desc width-100">
                                        <p>Để có một cơ thể khoẻ mạnh, điều đặc biệt cần thiết là một chế độ ăn hợp lý. Bạn hãy nhớ luôn đảm bảo đủ 5 nhóm thực phẩm chính cho thực đơn ...</p>
                                    </div>
                                </div>
                                <!-----Mon an 1------>
                            </div>
                            <div class="line-solid"></div>
                            <ul class="list-news-hot">
                              <li>
                                    <span class="point"></span>
                                    <a href="#">Thực phẩm nào tốt cho trí não?</a>
                              </li>
                              <li>
                                    <span class="point"></span>
                                    <a href="#">Ăn quá nhiều trái cây cũng hại thân</a>
                              </li>
                              <li>
                                    <span class="point"></span>
                                    <a href="#">Những thực phẩm tốt nhất cho sức khỏe Phụ nữ</a>
                              </li>
                              <li>
                                    <span class="point"></span>
                                    <a href="#">12 loại thực phẩm không tốt cho sức khỏe</a>
                              </li>
                          </ul>
                         <div class="clear"></div>
                        </div>
                    </div>
                    <!-----Thuc don(end)------>
                </div>
            </div>
            <!--------------------LEFT (End) ---------------------->

        </div>
        <!--------------------MAIN (End) -------------------------->

        <div class="clear"></div>

        <!--------------------FOOTER (Start) ---------------------->
        <div class="footer mar-top-30">
            <div class="frame-footer">
                <div class="col-footer width-50 float-left">
                    <div class="cnt-col-footer">
                        <ul>
                            <li><a href="#" title="Liên hệ">Liên hệ</a></li>
                            <li><a href="#" title="Thực đơn">Thực đơn</a></li>
                            <li><a href="#" title="Khuyến mãi">Khuyến mãi</a></li>
                        </ul>
                        <div class="information clear">
                             <p>Nhà hàng KIM HẢI - KIM HAI Restauran.</p>
                             <p>14 Einstein, P. Bình Thọ, Q. Thủ Đức, HCM</p>
                        </div>
                    </div>
                </div>
                <div class="col-footer width-50 float-right">
                    <div class="cnt-col-footer">
                        <p class="color-orange2">CSKH:       (08) 37228558 - 37228586</p>
                        <p>Bản quyền © thuộc VỀ CÔNG TY TNHH Việt Nhơn</p>
                        <p>thiết kế bởi công ty cổ phần hội doanh nghiệp quận 9</p>
                    </div>
                </div>
            </div>
            <div class="clear"></div>
        </div>
        <!--------------------FOOTER (End) ------------------------>
    </div>
</body>
</html>
